<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/index.css">
</head>

<body>
    <!-- 版心 -->
    <div class="cantainer">
        <!-- logo区域 -->
        <div class="logo">
            <!-- 左边 -->
            <div class="left">
                <a href="#">
                    <img src="./images/title.png" alt="">
                </a>
            </div>
            <!-- 右边 -->
            <div class="right">
                <input type="text" placeholder="搜索...">
                <img src="./images/搜索.png" alt="">
            </div>
        </div>
        <!-- 导航栏区域 -->
        <div class="nav">
            <ul>
                <li class="first">
                    <a href="#">集团介绍</a>
                </li>
                <li>
                    <a href="#">产品中心</a>
                </li>
                <li>
                    <a href="#">卧龙市场</a>
                </li>
                <li>
                    <a href="#">技术研发</a>
                </li>
                <li>
                    <a href="#">国际合作</a>
                </li>
                <li>
                    <a href="#">投资者关系</a>
                </li>
                <li>
                    <a href="#">新闻资讯</a>
                </li>
                <li class="last">
                    <a href="#">人力资源</a>
                </li>
            </ul>
        </div>
        <!-- 轮播图区域 -->
        <div class="banner">
            <img src="./images/train.png" alt="">
        </div>
        <!-- 新闻区域 -->
        <div class="news">
            <div class="part1">
                <p>新闻资讯</p>
                <div>
                    <div class="box"></div>&nbsp;&nbsp;&nbsp;<span><a href="#">陈建成董事长出席ATB集团召开年度销售大会</a></span><span
                        class="span2">2013-07-30&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
                </div>
                <div>
                    <div class="box"></div>&nbsp;&nbsp;&nbsp;<span><a href="#">中国电器工业协会分马力电机分会在卧龙召开理事长....</a></span><span
                        class="span2">2013-07-30&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
                </div>
                <div>
                    <div class="box"></div>&nbsp;&nbsp;&nbsp;<span><a href="#">陈建成董事长访问中国驻德大使馆</a></span><span
                        class="span2">2013-07-30&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
                </div>
                <div>
                    <div class="box"></div>&nbsp;&nbsp;&nbsp;<span><a href="#">企业文化市企业持续经营的关键要素</a></span><span
                        class="span2">2013-07-30&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
                </div>
                <div>
                    <div class="box"></div>&nbsp;&nbsp;&nbsp;<span><a href="#">陈建成董事长在ATB集团2013年销售会议上发表重要....</a></span><span
                        class="span2">2013-07-30&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
                </div>
                <div>
                    <div class="box"></div>
                    &nbsp;&nbsp;&nbsp;<span><a href="#">喜迎七一&nbsp;唱响卧龙&nbsp;年轻力量激发企业持久活力&nbsp;卧龙举....</a></span><span
                        class="span2">2013-07-30&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
                </div>
                <div class="nub"></div>
            </div>
            <div class="part2">
                <p class="t1">卧龙介绍</p>
                <p class="t2">公司成立于1984年，<br>
                    经过近30年的发展
                </p>
                <p class="t3"><a href="#" class="only">已成为电气制造，房地产开发和金融投资三业并举的综合性跨国......</a></p>
            </div>
            <div class="part3">
                <p class="t1">人才招聘</p>
                <p class="t2">培养一流的人才，铸造一流的工程<br>
                    实现员工和企业的共同发展
                </p>
                <p class="t3"><a href="#">MORE&nbsp;-></a></p>
                <img src="./images/grass.png" alt="">
            </div>
        </div>
        <!-- 市场区域 -->
        <div class="market">
            <p>卧龙市场</p>
            <div class="box1">
                <img src="./images/mark01.png" alt="">
                <div class="p1">
                    <p>交通轨道:由于主要采用电气牵引,且
                        轮轨摩擦阻力较小，于公共....</p>
                </div>
            </div>
            <div class="box2">
                <img src="./images/mark02.png" alt="">
                <div class="p1">
                    <p>节能环保:由于不断上涨的能源消耗和
                        我们的专业知识，维护可持续....</p>
                </div>
            </div>
            <div class="box3">
                <img src="./images/mark03.png" alt="">
                <div class="p1">
                    <p>航空与船舰:如果你是在公海行驶,你
                        需要确保你的船只的电力系统....</p>
                </div>
            </div>
            <div class="box4">
                <img src="./images/mark04.png" alt="">
                <div class="p1">
                    <p>石油、天然气及采矿:在市场中的安全
                        性，可靠性，效率和最短停机....</p>
                </div>
            </div>
        </div>
        <!-- 关于区域 -->
        <div class="about">
            <div class="part1">
                <p>产品中心</p>
                <hr>
                <div>
                    <ul>
                        <li>>&nbsp;汽车电机</li>
                        <li>>&nbsp;日用电机</li>
                        <li>>&nbsp;特种电机</li>
                        <li>>&nbsp;大功率电机</li>
                        <li>>&nbsp;电工设备</li>
                    </ul>
                </div>
                <div class="inner">
                    <ul>
                        <li>>&nbsp;工业驱动和自动化</li>
                        <li>>&nbsp;高频电压和系统集成</li>
                        <li>>&nbsp;混泥土搅拌机</li>
                        <li>>&nbsp;电动车辆</li>

                    </ul>
                </div>
                <div>
                    <ul>
                        <li>>&nbsp;电池电源</li>
                        <li>>&nbsp;输变电设备</li>
                        <li>>&nbsp;楼盘信息</li>
                        <li>>&nbsp;金融产品</li>

                    </ul>
                </div>
            </div>
            <div class="part2">
                <p>技术研发</p>
                <hr>
                <div>
                    <ul>
                        <li>>&nbsp;科技力量</li>
                        <li>>&nbsp;先进设备</li>
                        <li>>&nbsp;研发创新</li>
                        <li>>&nbsp;工艺流程</li>
                    </ul>
                </div>
            </div>
            <div class="part3">
                <p>销售网络</p>
                <hr>
                <img src="./images/地图.png" alt="">
            </div>
        </div>
        <!-- 底部区域 -->
        <div class="bottom">
            <div class="a">
                <a href="#">网站地图</a>
                <span>|</span>
                <a href="#">联系我们</a>
                <span>|</span>
                <a href="#">关注卧龙</a>
                <span>|</span>
                <a href="#">采购系统入口</a>
            </div>
            <div class="b">
                <p>©Copyrigh&nbsp;&nbsp;2021 卧龙控股集团版权所有&nbsp;&nbsp;浙ICP备06005901号&nbsp;技术支持:博采互动&nbsp;&nbsp;分享到:</p>
                
            </div>
            <div class="c">
                <img src="./images/图标.png" alt="">
            </div>
        </div>
    </div>
</body>

</html>